@charset "UTF-8";

/* 轮播图 */
.index-banner{width: 100%;height:980px;position:relative;z-index:1; transition: all 1s;-webkit-transition: all 1s; }
.index-banner .swiper-wrapper,.index-banner  .swiper-slide{height:100%;}
.index-banner .swiper-wrapper .swiper-slide a{display: block;width: 100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;}
@media (max-width:1920px){.index-banner{height: 780px;}}
@media (max-width:1680px){.index-banner{height: 650px;}}
@media (max-width:1440px){.index-banner{height: 580px;}}
@media (max-width:1360px){.index-banner{height: 450px;}}
@media (max-width:991px){.index-banner{height: 400px;}}
@media (max-width:800px){.index-banner{height: 400px;}}
@media (max-width:700px){.index-banner{height: 350px;}}
@media (max-width:600px){.index-banner{height: 320px;}.index-banner .swiper-wrapper .swiper-slide a{background-position: center;}}
@media (max-width:560px){.index-banner{height: 290px;}}
/* @media (max-width:490px){.index-banner{height: 250px;}} */

/* .swiper-pagination-bullet {
	opacity: 1;
	width: 48px;
	height: 2px;
	padding: 6px;
	position: relative;
	margin: 0px 10px !important;
	background-color: transparent;
} */
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 48px;height: 2px;border-radius: 0;
}
.swiper-pagination-bullet{background: #808ec2!important;opacity: 1!important;}
.swiper-pagination-bullet-active{background: #fff!important;}

@media (max-width:769px) {
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		width: 30px;height: 1px;
	}
}

/* 关于我们 */
.home-p {margin: 40px 0;}
.home-p p{font-size: 20px;line-height: 36px;font-family: "微软雅黑";color: #666;text-align: center;}
.home-about .about-img{width: 100%;}
.home-about .about-img ul{width: 100%;display: flex;justify-content: space-between;}
.home-about .about-img li{border-radius: 20px;width: 32%;}
.home-about .about-img a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;border-radius: 20px;}
.home-about .about-img li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s linear;-webkit-transition: all 0.6s linear;; }
.home-about .about-img li p{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);font-size: 24px;line-height: 36px;color: #fff;font-weight: bold;font-family: "微软雅黑";}

.home-about .about-img li:hover img{transform: scale(1.1);}

@media (max-width:1680px) {
	.home-about .about-img li{width: 32%;}
}
@media (max-width:1280px) {
	.home-p p{line-height: 30px;}
	.home-p{margin: 2% 0;}
	.home-about .about-img li p{bottom: 20px;}
}
@media (max-width:1080px) {
	.home-p{max-width: 600px;margin: 2% auto;}
	.home-p p{line-height: 26px;}
	.home-about .about-img li p{font-size: 20px;line-height: 20px;}
}
@media (max-width:769px) {
	.home-about .about-img li p{font-size: 16px;bottom: 10px;}
}
@media (max-width:480px) {
	.home-p p{font-size: 16px;line-height: 24px;text-align: left;text-indent: 2em;}
	.home-about .about-img ul{flex-wrap: wrap;}
	.home-about .about-img ul li{width: 48%;}
	.home-about .about-img ul li{width: 100%;margin-top: 2%;}
	.home-about .about-img ul li img{max-height:160px;border-radius: 10px;}
	.home-p{padding: 0;}
}

/* 解决方案 */
.home-case{width: 100%;height: 1098px;background-image: url(../images/home-case.jpg);background-size: cover;background-repeat: no-repeat;}
.home-case .title h2{color: #fff;}
.home-case .title div{background: #fff;}
.home-case .home-p p{color: #fff;}

.home-case .btn{width:150px;height: 50px;margin: 0 auto;border-radius: 30px;border: 1px solid #fff;}
.home-case .btn h3{font-size: 16px;line-height: 36px;color: #fff;font-family: "微软雅黑";background-image: url(../images/btn-right.png);background-repeat: no-repeat;background-position: right;padding-right: 10px;}
.home-case .btn a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.case-img{width: 100%;margin-top: 30px;}
.case-img ul{width: 100%;display: flex;justify-content: space-between;}
.case-img li{border-radius: 20px;max-width: 288px;max-height: 480px;position: relative;transition: all .8s linear;-webkit-transition: all .8s linear;}
.case-img li a{display: block;width: 100%;}
.case-img li p{position: absolute;top: 24px;left: 80px;color: #fff;font-size: 18px;line-height: 36px;font-family: "微软雅黑";}
.case-img li{margin-top: 10px;}
.case-img li:nth-child(2n){margin-top: 80px;}
.case-img li:nth-child(3){margin-top: 160px;}
.case-img li:hover{margin-top: 0px;}
.case-img li:nth-child(2n):hover{margin-top: 70px;}
.case-img li:nth-child(3):hover{margin-top: 150px;}

@media (max-width:1680px) {
	.home-case{height: auto;}
	.case-img li{width: 18%;}
	.case-img li a img{width: 100%;}
	.home-case .btn{width:120px;height: 40px;}
	.case-img{margin-top: 2%;}
}
@media (max-width:1440px) {
	.case-img li{margin-top: 10px;}
	.case-img li:nth-child(2n){margin-top: 50px;}
	.case-img li:nth-child(3){margin-top: 100px;}
	.case-img li:hover{margin-top: 0px;}
	.case-img li:nth-child(2n):hover{margin-top: 40px;}
	.case-img li:nth-child(3):hover{margin-top: 90px;}
}
@media (max-width:1360px) {
	.case-img li p{top: 18px;left: 64px;}
}
@media (max-width:1280px) {
	.case-img li p{max-width: 92px;line-height: 28px;}
}
@media (max-width:1080px) {
	.case-img li p{max-width: 80px;top: 10px;left: 54px;font-size: 16px;}
}
@media (max-width:769px) {
	.case-img li p{left: 40px;top: 8px;font-size: 12px;max-width: 62px;line-height: 20px;}
	.case-img li{margin-top: 10px;}
	.case-img li:nth-child(2n){margin-top: 30px;}
	.case-img li:nth-child(3){margin-top: 60px;}
	.case-img li:hover{margin-top: 0px;}
	.case-img li:nth-child(2n):hover{margin-top: 20px;}
	.case-img li:nth-child(3):hover{margin-top: 50px;}
	.home-case .btn{width: 100px;height: 30px;}
	.home-case .btn h3{font-size: 12px;}
}
@media (max-width:590px) {
	.case-img li p{left: 50%;top: 2%;transform: translateX(-50%);}
	.case-img li{width: 30%;}
	.case-img ul{justify-content: space-evenly;flex-wrap: wrap;}
	.case-img li{margin-top: 0;margin-bottom: 2%;}
	.case-img li:nth-child(2n){margin-top: 0;}
	.case-img li:nth-child(3){margin-top: 0;}
	
	    
	/* .case-img ul li:first-child{display: none;}
	.case-img ul li:last-child{display: none;} */
}

/* 核心产品 */
.product{width: 100%;position: relative;overflow:hidden;}
.product .box1 .li{width:288px;height: 480px;border-radius: 10px!important;transition: all 1s;-webkit-transition: all 1s;background-color: #fff;float:left;position: relative;}
.product .box1 .li a{display: block;width: 100%;height: 100%;}
.product .box1 .li .img{width: 100%;overflow: hidden;border-radius: 10px;}
.product .box1 .li .img img{display:block;max-width: 100%;margin:0 auto;}
.product .box1 .li h3{position: absolute;bottom: 24px;left: 50%;transform: translateX(-50%);font-size: 24px;color: #fff;font-weight: bold;line-height: 36px;}
.product .box1 .li:hover{transform: scale(0.95);}
@media (max-width:1680px) {
	.product .title{margin-top: 40px;}
	.product .box1 .li{margin-left: 20px;height: auto;}
}
@media (max-width:1280px) {
	.product .box1 .li h3{font-size: 20px;line-height: 30px;white-space: nowrap;}
}
@media (max-width:769px) {
	.product .box1 .li h3{font-size: 12px;line-height: 30px;bottom: 10px;}
}
@media (max-width:480px) {
	.product .box1 .li{margin-left: 10px;}
}


/* 视频 */
.home-mv{position: relative;width: 100%;height: 480px;background-image: url(../images/mv.png);background-repeat: no-repeat;background-size: cover;}
.home-mv .play{
	position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .8s linear;-webkit-transition: all .8s linear;
	height: 108px;width: 108px;padding: 14px;border-radius: 50%;border: 1px dashed #fff;cursor: pointer;
}
.home-mv .play img{max-width: 78px;max-height: 78px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.home-mv h4{font-size: 24px;line-height: 30px;color: #fff;font-family: "微软雅黑";position: absolute;left: 50%;top: calc(50% + 78px );transform: translate(-50%,-50%);text-align: center;}
.home-mv .play:hover{width: 84px;height: 84px;}
/* 视频组件 */
.video-bg{position: fixed;z-index: 1000;top: 0;left: 0;background: #000;opacity: 0.7;width: 100%;height: 100%;display: none;}
.home-videobox{position: fixed;z-index: 1001;top: 0;left: 0;width: 60%;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.home-videobox .video-close{position: absolute;right: -8px;top: -40px;width: 40px;height: 40px;background: url(../images/icon-nav-close01.png)no-repeat center;background-size: 28px;border-radius: 50%;cursor: pointer;opacity: 0.7;}

@media (max-width:1080px){
	.home-mv h4{font-size: 18px;}
	.home-videobox{
		width:84%;
		top:50%;
		left:8%;
		transform: translate(0,-50%);
	}
}
@media (max-width:769px) {
	.home-mv{height: 340px;}
	.home-mv .play{width: 84px;height: 84px;}
	.home-mv .play img{max-width: 60px;max-height: 60px;}
	.home-mv .play:hover{width: 70px;height: 70px;}
	.home-mv h4{font-size: 14px;top: calc(50% + 70px );}
}

/* 新首页banner 样式 */
.index-banner .swiper-slide a{position: relative;}
.index-banner .banner-txt{position: absolute;left: 50%;top: 50%;color: #fff;transform: translate(-50%,-50%);max-width: 80%;width: 100%;}
.index-banner .banner-txt h2{font-size: 98px;line-height: 108px;margin-bottom: 30px;}
.index-banner .banner-txt p{font-size: 36px;line-height: 40px;}

@media (max-width:1680px) {
	.index-banner .banner-txt h2{font-size: 86px;}
	.index-banner .banner-txt p{font-size: 32px;}
}
@media (max-width:1440px) {
	.index-banner .banner-txt h2{font-size: 66px;line-height: 78px;margin-bottom: 20px;}
	.index-banner .banner-txt p{font-size: 26px;}
}
@media (max-width:1280px) {
	.index-banner .banner-txt h2{font-size: 50px;line-height: 60px;margin-bottom: 20px;}
	.index-banner .banner-txt p{font-size: 24px;}
}
@media (max-width:769px) {
	.index-banner .banner-txt h2{font-size: 40px;line-height: 44px;margin-bottom: 10px;}
	.index-banner .banner-txt p{font-size: 18px;}
}
@media (max-width:580px) {
	.index-banner .banner-txt h2{font-size: 34px;line-height: 44px;margin-bottom: 20px;}
	.index-banner .banner-txt p{font-size: 16px;line-height: 30px;}
}
@media (max-width:480px) {
	.index-banner .banner-txt h2{font-size: 20px;line-height: 20px;margin-bottom: 10px;}
	.index-banner .banner-txt p{font-size: 12px;line-height: 20px;}
}

/* 新首页 产品中心样式 */
.home-pro2 {}
.home-pro2 .product .box1 .li{height: auto;border-radius: 25px!important;}
.home-pro2  .li{flex: 1;background-color: #f5f5f5!important;border-radius: 25px;overflow: hidden;}
.home-pro2  .li a{display: block;width: 100%;height: 100%;position: relative;}
.home-pro2  .li .Npro-img{display: block;width: 100%;height: 100%;}
.home-pro2  .li a h3{font-size: 28px;line-height: 30px;color: #000000!important;position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);font-weight: bold;white-space: nowrap;}

.home-pro2  .li a .hoverlink{opacity:0;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.2);width: 100%;height: 100%;transition: all .4s linear;-webkit-transition: all .4s linear;}
.home-pro2  .li a .hoverlink .btnlink{width: 150px;border: 1px solid #ffffff;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius:25px;overflow: hidden;}
.home-pro2  .li a .hoverlink .btnlink p{font-size: 18px;line-height: 50px;color: #fff;display: flex;align-items: center;justify-content: center;}
.home-pro2  .li a .hoverlink .btnlink p img{display: inline-block;width: 6px;height: 10px;margin-left: 14px;margin-top: 2px;}

.home-pro2 .product .box1 .li:hover{transform: scale(1);}
.home-pro2  .li:hover a h3{z-index: 5;color: #fff;}
.home-pro2  .li:hover a .hoverlink{opacity: 1;z-index: 4}

@media (max-width:1680px) {
	.home-pro2 .product .box1 .li{margin-left: 0;}
}
@media (max-width:1080px) {
	.product .box1 .li h3{font-size: 16px;}
	.home-pro.home-pro2  .product{margin: 0;}
	.home-pro.home-pro2.modular{height: auto;}
}
@media (max-width:769px) {
	.home-pro2 .li a .hoverlink .btnlink{width: 120px;}
	.home-pro2 .li a .hoverlink .btnlink p{line-height: 42px;font-size: 14px;}
}
@media (max-width:480px) {
	.home-pro2 .product .box1 .li{margin-left: 0;}
}